<script setup>
	import FirstTitle from "@comp/FirstTitle";
	import {
		Editor,
		Toolbar
	} from "@wangeditor/editor-for-vue";
	import {
		onMounted
	} from "vue";
	
	import { searchDataZhbz } from "@/api/search";
	import { addOrUpdateZhbz } from "@/api/addOrUpdate";


	const city = window.globalObj.name;
	const editorRef = shallowRef();
	const toolbarConfig = {};
	const editorConfig = {
	  placeholder: "请输入内容...",
	};
	const mode = ref("default");
	
	const valueHtml = ref(
	  "各专业队按战时扩编XX倍,保障每个专业队配齐XX套专业装备器材。装备器材保障：XXXXX "
	);
	
	// 加载html
	const initHtml = () => {
	  searchDataZhbz({
	    m: "任务需求-装备器材保障需求",
	  }).then((res) => {
	    const { data } = res;
	    valueHtml.value = data.find((x) => x.k === "保障标准")?.v || "";
	  });
	};
	
	const handleCreated = (editor) => {
	  editorRef.value = editor; // 记录 editor 实例，重要！
	};


	const saveProgramme = () => {
	  ElMessageBox.confirm(`确定要保存吗?`, "警告", {
	    confirmButtonText: "确定",
	    cancelButtonText: "取消",
	    type: "warning",
	    customClass: "message-box",
	  }).then(() => {
	    addOrUpdateZhbz({
	      m: "任务需求-装备器材保障需求",
	      data: [
	        {
	          k: "保障标准",
	          v: valueHtml.value,
	        },
	      ],
	    })
	      .then((result) => {
	        if (result.code === 200) {
	          ElMessage.success("操作成功");
	          initHtml();
	        } else {
	          ElMessage.error(result.msg);
	        }
	      })
	      .catch(() => {});
	  });
	};

	onMounted(() => {
		
		initHtml();

	});
	onBeforeUnmount(() => {


	});

	// 表头单元格样式
	const headerCellStyle = () => {
		return {
			backgroundColor: "#f5f7fa",
			color: "rgba(0,0,0,0.85)",
			fontSize: "14px",
			height: "54px",
		};
	};
	// 单元格样式
	const cellStyle = () => {
		return {
			color: "rgba(0,0,0,0.65)",
			fontSize: "14px",
			lineHeight: "22px",
		};
	};

	const tableData = ref([{
			c1: 1,
			c2: '个人防护用品',
			c3: '正压空气呼吸器、防护口罩、防寒服、抢险救援服、关节防护护具、安全帽、护目镜、防机械伤害手套、防水靴、防寒鞋、电绝缘鞋、防砸防刺穿鞋、安全带',
		},
		{
			c1: 2,
			c2: '抢险救援装',
			c3: '指挥车、抢险工程车、水路两用车、雪地车、全地形摩托、橡皮艇、水泵车、应急照明车、破拆工具、抽水机、潜水泵、排污泵、排烟机、风机、气体检测仪、无人机、漏电探测仪、非动力手工工具、便携式发电机、大型发电机、应急充电仓、移动照明设备、单兵照明设备、强光防爆方位灯',
		},
		{
			c1: 3,
			c2: '综合保障器材',
			c3: '单兵通信终端、对讲机、救生衣、担架、急救箱、帐篷、望远镜、道路隔离设备',
		}
	])
	
	const tableData1 = ref([{
			c1: 1,
			c2: '工程机械',
			c3: '供水抢修车、挖掘机、吊车、工程车、大货车、动电站、发电机、风电镐、50水泵、100水泵',
		},
		{
			c1: 2,
			c2: '照明设备',
			c3: '照明工作灯、强光手电筒',
		},
		{
			c1: 3,
			c2: '抢修材料',
			c3: '管件、材料',
		},
		{
			c1: 4,
			c2: '安全设备',
			c3: '防护栏、路障、安全指示牌、警示灯、红灯',
		}
	])
	
	const tableData2 = ref([{
			c1: 1,
			c2: '防爆工具',
			c3: '大号铜锤、中号铜锤、铜制套筒、各型铜制活动扳手、铜制双头梅花板、铜制呆扳手、各型铜制管钳、铜制内六角板、各型铜制尖撬棍、铜制尖嘴钳、铜制钢丝钳',
		},
		{
			c1: 2,
			c2: '线圈、电箱',
			c3: '各型电缆电源线、配电箱',
		},
		{
			c1: 3,
			c2: '安全防护用品',
			c3: '安全绳、安全带、反光背心',
		},
		{
			c1: 4,
			c2: '照明及检漏设备',
			c3: '气体泄漏检测仪、照明工作灯、防爆手电筒',
		},
		{
			c1: 5,
			c2: '作业工具',
			c3: '防冻服、阻燃服、全自动电容焊机、防爆风机、32件套筒扳手、消防水带、电潜水泵、工具包',
		},
		{
			c1: 6,
			c2: '工具箱',
			c3: 'PE刮刀、螺丝刀十字批、螺丝刀一字批、套筒扳手、液压止漏钳配件、钳夹、扳手、胶锤、管钳、剪管刀、荧光笔、生胶带、电池',
		},
		{
			c1: 7,
			c2: '设备',
			c3: '汽油发电机、液压止漏（夹扁器）、灭火器、各型PE球阀钥匙、鲤鱼锯',
		}
	])
	
	const tableData3 = ref([{
			c1: 1,
			c2: '个人防护用品',
			c3: '雨衣、雨鞋、安全帽、绝缘鞋、劳保手套、安全带、防毒面具、反光标志服、救生衣',
		},
		{
			c1: 2,
			c2: '抢险抢修装备',
			c3: '钢板护栏打桩车、装载机、机重机、清障车、压路机、动力站、风镐、移动式水泵、开槽机、振动夯、融雪撒布车、推雪铲车、刮平机、扫雪刷、铁锹、尖镐、扫帚、手把锯',
		},
		{
			c1: 3,
			c2: '综合保障用品',
			c3: '导行牌、水码、反光锥筒、自卸汽车、轻型货车、平板拖车、巡视车、洒水车、移动式现场照明设施、移动通信单兵、全自动体外除颤器',
		},
		{
			c1: 4,
			c2: '应急物资',
			c3: '融雪剂、水泥、砂石料、灌缝料、冷补料、彩条布、水袭带、绳索、钢板护栏、吸水麻袋',
		}
	])
	
	const tableData4 = ref([{
			c1: 1,
			c2: '大型装备',
			c3: '升降机，外用吊篮、物料提升机、挖掘机、推土机、装载机、压路机、起重机、运输车辆、沥青洒布机、沥青混凝土摊铺机、混凝土搅拌机、混凝土搅拌输送车、混凝土泵',
		},
		{
			c1: 2,
			c2: '小型设备',
			c3: '电焊机、卷扬机、打夯机、振动机、木工平刨床、木工压刨床、圆盘据、钢筋调直机、钢筋切断机、钢筋弯曲机',
		},
		{
			c1: 3,
			c2: '消防救护器材',
			c3: '救生网、救生袋、救生垫、救生滑杆、缓降器、自动苏生器、灭火器、简易灭火工具、灭火剂',
		},
		{
			c1: 4,
			c2: '通信设备',
			c3: '固定电话、移动电话、对讲机',
		},
		{
			c1: 5,
			c2: '个人防护用品',
			c3: '头盔、防护服、防护靴、防护手套、安全带、呼吸保护器具',
		}
	])
	
	const tableData5 = ref([{
			c1: 1,
			c2: '主要装备器材',
			c3: '升降机，外用吊篮、物料提升机、挖掘机、推土机、装载机、压路机、起重机、运输车辆、沥青洒布机、沥青混凝土摊铺机、混凝土搅拌机、混凝土搅拌输送车、混凝土泵',
		},
		{
			c1: 2,
			c2: '电力照明设备',
			c3: '电焊机、卷扬机、打夯机、振动机、木工平刨床、木工压刨床、圆盘据、钢筋调直机、钢筋切断机、钢筋弯曲机',
		},
		{
			c1: 3,
			c2: '土工作业工具',
			c3: '救生网、救生袋、救生垫、救生滑杆、缓降器、自动苏生器、灭火器、简易灭火工具、灭火剂',
		},
		{
			c1: 4,
			c2: '个人防护用品',
			c3: '固定电话、移动电话、对讲机',
		},
		{
			c1: 5,
			c2: '材料',
			c3: '头盔、防护服、防护靴、防护手套、安全带、呼吸保护器具',
		}
	])
	
	const tableData6 = ref([{
			c1: 1,
			c2: '携行装备',
			c3: '急救背囊、复苏背囊、初级清创背囊、输注药供背囊、搬运背囊',
		},
		{
			c1: 2,
			c2: '急救装备',
			c3: '除颤器、输液泵、颈托',
		},
		{
			c1: 3,
			c2: '手术装备',
			c3: '清创缝合包、换药包、导尿包、气管切开包、静脉切开包、深静脉穿刺包、骨科器械包、胸科器械包、颅脑外科器械包、剖腹探查包、妇产科手术器械包、血管吻合器、高频电刀、便携式手术床、便携式手术灯、轻便器械台、麻醉机、呼吸机、吸引机、手术冲吸机、野外洗手装置、监护仪、自体血回输装置、手术器材补给箱、',
		},
		{
			c1: 4,
			c2: '特诊设备',
			c3: '心电图机、便携式B超、便携式X光线机、洗片机、野外诊疗床',
		},
		{
			c1: 5,
			c2: '消毒供应装备',
			c3: '高压消毒器、多人吸氧器、小型医用纯水装置、运血箱、氧气瓶',
		},
		{
			c1: 6,
			c2: '检验装备',
			c3: '医用冰箱、显微镜、离心机、凝血分析仪、生化分析仪、血球记数仪、血型检测设备、检验器材补给箱',
		},
		{
			c1: 7,
			c2: '五官科装备',
			c3: '五官科检查器械箱',
		},
		{
			c1: 8,
			c2: '防疫防护装备',
			c3: '检水检毒箱、机动喷雾器、手动喷雾器',
		},
		{
			c1: 9,
			c2: '机动卫生装备',
			c3: '急救车、医疗箱组、组合式帐篷医疗单元',
		},
		{
			c1: 10,
			c2: '其他',
			c3: '担架、病床、护理器材补给箱、医疗器械修理箱、发电机、检伤标识',
		}
	])
	
	const tableData7 = ref([{
			c1: 1,
			c2: '防护头盔',
			c3: '消防头盔、抢险救援头盔、多功能消防头盔',
		},
		{
			c1: 2,
			c2: '防护服',
			c3: '灭火防护服、隔热防护服、避火防护服、抢险救援防护服、化学防护服装',
		},
		{
			c1: 3,
			c2: '防坠落装备',
			c3: '消防安全绳、消防安全带、消防防坠落辅助设备',
		},
		{
			c1: 4,
			c2: '呼吸保护装具',
			c3: '正压式消防空气呼吸器、长管空气呼吸器、过滤式自救呼吸器、空气呼吸器监控系统',
		},
		{
			c1: 5,
			c2: '消防枪',
			c3: '消防水枪、泡沫枪、干粉枪',
		},
		{
			c1: 6,
			c2: '消防炮',
			c3: '消防水炮、消防泡沫炮、消防干粉炮、水幕发生器',
		},
		{
			c1: 7,
			c2: '罐类消防车',
			c3: '水罐消防车、泡沫消防车、干粉消防车、多功能重型泡沫消防车',
		},
		{
			c1: 8,
			c2: '举高类消防车',
			c3: '云梯消防车、登高平台消防车、举高喷射消防车',
		},
		{
			c1: 9,
			c2: '特种消防车',
			c3: '化学洗消车、抢险救援消防车、涡喷消防车、远程供水系统',
		},
		{
			c1: 10,
			c2: '防化装备',
			c3: '侦检装备、堵漏装备、输转装备、洗消装备',
		},
		{
			c1: 11,
			c2: '救生装备',
			c3: '常规救生装备、搜寻装备、现场救护装备',
		},
		{
			c1: 12,
			c2: '破拆工具',
			c3: '机动破拆工具、气动破拆工具、液压破拆工具、电动破拆工具、逃生避难器材',
		}
	])
	const tableData8 = ref([{
			c1: 1,
			c2: '电动工具',
			c3: '电锤、电锤辅助工具、电钻、曲线锯、吹尘吸尘器、角磨机、切割机',
		},
		{
			c1: 2,
			c2: '测量工具',
			c3: '水平尺、直角尺、直尺、卷尺、皮尺、吊线锤、罗盘、坡度测量仪、万用表',
		},
		{
			c1: 3,
			c2: '吊装工具',
			c3: '滑轮、千斤顶、尼龙绳、尾绳',
		},
		{
			c1: 4,
			c2: '安全工具',
			c3: '安全帽、安全带、安全绳',
		},
		{
			c1: 5,
			c2: '压接工具',
			c3: '电源线压接钳、机械式压线钳、同轴压接钳、网线钳、老虎钳、尖嘴钳',
		},
		{
			c1: 6,
			c2: '通用工具',
			c3: '斜口钳、大力钳、剥线钳、鸭嘴钳、剪线钳、电烙铁、十字口螺丝刀、平口螺丝刀、活动扳手、各型呆扳手、香槟锤、插线板、紧力夹、套筒、内六角、电缆剪刀、介刀、挫刀、锯弓、对线器、热风枪、绕线枪、卡线枪、馈线刀、扩孔器',
		}
	])
	const tableData9 = ref([{
			c1: 1,
			c2: '公路运输',
			c3: '客车、货车、罐车',
		},
		{
			c1: 2,
			c2: '铁路运输',
			c3: '机车、客车、货车（棚车、敞车、平车、罐车、冷藏车、散料车）、餐车、邮政车、行李车、特种用途车',
		},
		{
			c1: 3,
			c2: '航空运输',
			c3: '客机、货机、直升机、气球、气艇',
		},
		{
			c1: 4,
			c2: '管道运输',
			c3: '干管、原动机（泵站）',
		},
		{
			c1: 5,
			c2: '动力设备、燃料',
			c3: '发电车、汽油、柴油、煤油、液化气、干电池、蓄电池',
		}
	])
	const tableData10 = ref([{
			c1: 1,
			c2: '核化洗消',
			c3: '核生化污染洗消车、便携式强力去污喷灌、核辐射应急洗消帐篷、污染物运输箱、便携移动推车式洗眼器、去污洗消箱',
		},
		{
			c1: 2,
			c2: '核化检测',
			c3: '核化检测车、多功能辐射检测仪、多功能检测仪（水、气、土壤）、放射性气溶胶测量仪',
		},
		{
			c1: 3,
			c2: '防护作业器材',
			c3: '射线防护服、个人防护服套装、个人剂量仪、个人剂量报警仪、放射源操作长柄夹、碘采样器、放射性操作钳、放射源转运铅罐、放射性废物处置箱',
		}
		
	])
	const tableData11 = ref([{
			c1: 1,
			c2: '服务器端',
			c3: '防火墙、隔离卡、网闸、vpn、ids/ips、防病毒网关、抗DDOS设备、web防火墙、SSL设备、SVS设备、负载均衡设备',
		},
		{
			c1: 2,
			c2: '客户端',
			c3: '智能卡（IC卡）、手机（短信密码）、动态口令卡、动态令牌、USBKEY、生物识别技术',
		}
	
	])
	const tableData12 = ref([{
			c1: 1,
			c2: '放松设备',
			c3: '音乐放松椅、催眠椅、心理沙盘、呐喊宣泄仪、击打宣泄仪、宣泄人、宣泄墙、宣泄棒',
		},
		{
			c1: 2,
			c2: '测量系统',
			c3: '心理测试仪',
		},
		{
			c1: 3,
			c2: '团体活动设备',
			c3: '团体心理活动箱',
		},
		{
			c1: 4,
			c2: '心理挂图',
			c3: '宣泄挂图、心理指导图、心理挂图',
		}
		
	])
	const tableData13 = ref([{
			c1: 1,
			c2: '伪装',
			c3: '伪装作业车、伪装网、伪装盖布、发烟罐、发烟弹、发烟装置、光学迷彩涂料、热伪装材料、微波吸收材料、迷彩作业机具',
		},
		{
			c1: 2,
			c2: '设障',
			c3: '智能主动雷障、空中悬浮雷场、被动拦障（绳索、钢索、铁丝网、电线杆、气球）、欺骗干扰遮障（金属箔丝）、迷盲屏蔽遮障（烟幕、气溶胶）',
		},
		{
			c1: 3,
			c2: '干扰',
			c3: '模拟伪装器材（人、车、装备、地物、工事模型）、光声热微波辐射源模拟装置、干扰伪装器材（角反射器、偶极子反射体、GPS干扰仪、红外干扰仪、其他悬浮干扰物等）',
		}
		
	])
	
	
</script>
<template>
	<div class="">
		<FirstTitle name="保障标准" />
		<div style="border: 1px solid #ccc" class="top-15">
		  <Toolbar
		    style="border-bottom: 1px solid #ccc"
		    :editor="editorRef"
		    :defaultConfig="toolbarConfig"
		    :mode="mode"
		  />
		  <Editor
		    style="height: 500px; overflow-y: hidden"
		    v-model="valueHtml"
		    :defaultConfig="editorConfig"
		    :mode="mode"
		    @onCreated="handleCreated"
		  />
		</div>
		<div class="top-15 text-center">
			{{city}}抢险抢修（电力）专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		<div class="top-15 text-center">
			{{city}}抢险抢修（供水）专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData1" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		<div class="top-15 text-center">
			{{city}}抢险抢修（燃气）专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData2" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		<div class="top-15 text-center">
			{{city}}抢险抢修（道桥）专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData3" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		
		<div class="top-15 text-center">
			{{city}}抢险抢修（建筑）专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData4" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		
		<div class="top-15 text-center">
			{{city}}抢险抢修（供热）专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData5" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		
		<div class="top-15 text-center">
			{{city}}医疗救护专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData6" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		<div class="top-15 text-center">
			{{city}}消防救援专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData7" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		<div class="top-15 text-center">
			{{city}}通信专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData8" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		
		<div class="top-15 text-center">
			{{city}}交通运输专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData9" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		<div class="top-15 text-center">
			{{city}}防化防疫专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData10" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		
		<div class="top-15 text-center">
			{{city}}信息防护专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData11" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		
		<div class="top-15 text-center">
			{{city}}心理防护专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData12" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		
		<div class="top-15 text-center">
			{{city}}伪装设障防护专业队装备器材保障参照表
		</div>
		<el-table id="table" :data="tableData13" class="top-15" style="width: 100%" :header-cell-style="headerCellStyle"
			:cell-style="cellStyle" border >
			<el-table-column prop="c1" label="序号" width="100" align="center" />
			<el-table-column prop="c2" label="分类" width="150" />
			<el-table-column prop="c3" label="装备器材名称" />
		</el-table>
		
		





		<div class="flex-justify-end top-20">
			<el-button type="primary" class="save-btn" @click="saveProgramme">保存</el-button>
		</div>
	</div>
</template>
<style scoped lang="scss"></style>